<style type="text/css">
    .q_index_showstatus .counter{height: 130px;line-height: 130px;}
</style>
<link rel="stylesheet" href="/modules/assets/morris/morris.css">

<div>
    <div class="page-title q-tit-change" style="margin:10px;"> 
        <a href="/analysis/index">数据分析</a> > 绩效分析 
    </div>
    <div class="col-sm-12">
        <div class="panel panel-default">
            <div class="search_litile_tit" ><span class="tit_diswidth"></span>昨日绩效明细</div>
            <div class="row">
                <div class="col-lg-4 col-sm-6" style="width: 32%;">
                    <div class="q_index_showstatus bg00aeae">
                        <div class="overflow ">
                            <div class="fl">昨日收益</div>
                            <!-- <div class="fr">增长8.0%</div> -->
                        </div>
                        <div class="m-0 counter day">0</div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6" style="width: 32%;margin:0px 2%">
                    <div class="q_index_showstatus bg338ee3">
                        <div class="overflow ">
                            <div class="fl">本月收益</div>
                        </div>
                        <div class="m-0 counter moth">0</div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6" style="width: 32%;">
                    <div class="q_index_showstatus bg717cb6">
                        <div class="overflow ">
                            <div class="fl">总绩效</div>
                        </div>
                        <div class="m-0 counter tot">0</div>
                    </div>
                </div>
                <div class="col-sm-12 m-t-30" style="padding:0px;padding-left: 10px;padding-right: 10px;">
                    <ul class="nav nav-tabs ">
                        <li class="active" >
                            <a href="#home" data-toggle="tab" aria-expanded="true" data-first="7">
                                <span class="visible-xs"><i class="fa fa-home"></i></span>
                                <span class="hidden-xs">7天</span>
                            </a>
                        </li>
                        <li class=""  >
                            <a href="#profile" data-toggle="tab" aria-expanded="false" data-first="14">
                                <span class="visible-xs"><i class="fa fa-user"></i></span>
                                <span class="hidden-xs">14天</span>
                            </a>
                        </li>
                        <li class="" >
                            <a href="#messages" data-toggle="tab" aria-expanded="false" data-first="30">
                                <span class="visible-xs"><i class="fa fa-envelope-o"></i></span>
                                <span class="hidden-xs">30天</span>
                            </a>
                        </li>
                    </ul>
                    <div class="tab-content" style="padding: 0px;">
                        <div class="tab-pane active" id="home">
                            <div class="spread-echarts">
                                <div id="echart7" style="height: 400px;"></div>
                            </div>
                            <div class="legend-list-wrap">
                                <ul class="legend-list">
                                    <li class="legend-item"><i class="fa fa-circle cfb4155 m-r-15"></i>7天绩效明细</li>
                                </ul>
                            </div>
                        </div>
                        <div class="tab-pane" id="profile">
                            <div class="spread-echarts">
                                <div id="echart14" style="height: 400px;"></div>
                            </div>
                            <div class="legend-list-wrap">
                                <ul class="legend-list">
                                    <li class="legend-item"><i class="fa fa-circle cfb4155 m-r-15"></i>14天绩效明细</li>
                                </ul>
                            </div>
                        </div>
                        <div class="tab-pane" id="messages">
                            <div class="spread-echarts">
                                <div id="echart30" style="height: 400px;"></div>
                            </div>
                            <div class="legend-list-wrap">
                                <ul class="legend-list">
                                    <li class="legend-item"><i class="fa fa-circle cfb4155 m-r-15"></i>30天绩效明细</li>
                                </ul>
                            </div>
                        </div>
                        
                    </div>
                </div>
            </div> 
        </div>
       <!--  <div class="panel panel-default">
            <div class="search_litile_tit"><span class="tit_diswidth"></span>绩效明细通知</div>
            <div class="row">
                <div class="col-md-12 col-sm-12 col-xs-12">
                    <table id="datatable" class="table table-striped table-bordered">
                        <thead>
                            <tr>
                                <th>时间</th>
                                <th>绩效分数</th>
                                <th>来源</th>
                                <th>总绩效</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Tiger Nixon</td>
                                <td>System Architect</td>
                                <td>Edinburgh</td>
                                <td>61</td>
                            </tr>
                            <tr>
                                <td>Tiger Nixon</td>
                                <td>System Architect</td>
                                <td>Edinburgh</td>
                                <td>61</td>
                            </tr>
                            <tr>
                                <td>Tiger Nixon</td>
                                <td>System Architect</td>
                                <td>Edinburgh</td>
                                <td>61</td>
                            </tr>
                            <tr>
                                <td>Tiger Nixon</td>
                                <td>System Architect</td>
                                <td>Edinburgh</td>
                                <td>61</td>
                            </tr>
                            <tr>
                                <td>Tiger Nixon</td>
                                <td>System Architect</td>
                                <td>Edinburgh</td>
                                <td>61</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div> -->

    </div>
</div>
 







<script src="/modules/js/waypoints.min.js" type="text/javascript"></script>
<script src="/modules/js/jquery.counterup.min.js" type="text/javascript"></script>


<script src="/modules/js/echarts/echarts.common.min.js"></script>
<script src="/modules/js/echarts/customed.js"></script>

<script type="text/javascript">
    seajs.use('analysis/index');
</script>